@import url(../../styles/config.less);

.releaseComment {
  width: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
  transition: padding 0.3s;

  .release {
    position: absolute;
    right: 0;
    bottom: 0;
    flex-shrink: 0;
    margin-left: 20px;
    background-color: @blue;
    // opacity: 1;
    transition: transform 0.3s;
    transform-origin: center;
  }

  .disabled {
    opacity: 0.5;
  }

  .input-box {
    position: relative;
    flex: 1;
  }

  .input {
    padding-right: 38px;
    resize: none;
  }

  .expression {
    position: absolute;
    right: 10px;
    bottom: 4px;
    font-size: 26px;
  }

  .hide {
    transform: scale(0);
    flex: 0;
  }
}

.releaseComment-active {
  padding-right: 90px;
}
